<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>名字全称</title>
    <link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>
    <link href="static/index.css" rel="stylesheet">
</head>

<body class="bg-light">
<header class="site-header sticky-top py-1">
    <nav class="container d-flex flex-column flex-md-row justify-content-between">
        <a class="py-2" href="/" aria-label="Product">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor"
                 stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mx-auto" role="img"
                 viewBox="0 0 24 24"><title>Product</title>
                <circle cx="12" cy="12" r="10"/>
                <path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"/>
            </svg>
        </a>
        <a class="nav-link p-2 active" href="/project_name">名字全称</a>
        <a class="nav-link p-2 active" href="/project_vowels">元音字母</a>
        <a class="nav-link p-2 active" href="project_cart">购物车</a>
        <a class="nav-link p-2 active" href="/project_schedule">课程表</a>
        <a class="nav-link p-2 active" href="#">我的</a>
    </nav>
</header>
<div>
    <main>
        <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
            <div class="col-md-5 p-lg-5 mx-auto my-5">
                <h1 class="display-1 fw-normal">Welcome</h1>
                <h2 class="display-4 fw-normal">注册登录账号
                    <svg t="1641022848861" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="15424" width="40" height="40">
                        <path d="M651.35 134.9a197.93 197.93 0 0 0-62.85-40.24 208.7 208.7 0 0 0-154.33 0 197.93 197.93 0 0 0-62.85 40.24c-37.15 35.29-57.62 82.16-57.62 132s20.46 96.68 57.62 132a197.93 197.93 0 0 0 62.85 40.24 208.7 208.7 0 0 0 154.33 0 197.93 197.93 0 0 0 62.85-40.24c37.15-35.29 57.62-82.16 57.62-132s-20.47-96.71-57.62-132zM610.82 326c-21.55 33.1-58.74 52.87-99.49 52.87s-77.94-19.8-99.49-52.87a14.58 14.58 0 0 1 24.43-15.9c16.15 24.81 44.21 39.63 75.06 39.63s58.9-14.81 75.05-39.62A14.58 14.58 0 0 1 610.82 326z"
                              fill="#FFCC66" p-id="15425"></path>
                        <path d="M723.54 266.87c0-111.33-95-201.58-212.21-201.58s-212.2 90.25-212.2 201.58 95 201.58 212.2 201.58 212.21-90.25 212.21-201.58z m-72.19 132a197.93 197.93 0 0 1-62.85 40.24 208.7 208.7 0 0 1-154.33 0 197.93 197.93 0 0 1-62.85-40.24c-37.15-35.29-57.62-82.16-57.62-132s20.46-96.68 57.62-132a197.93 197.93 0 0 1 62.85-40.24 208.7 208.7 0 0 1 154.33 0 197.93 197.93 0 0 1 62.85 40.24c37.15 35.29 57.62 82.16 57.62 132s-20.47 96.67-57.62 131.97z"
                              fill="" p-id="15426"></path>
                        <path d="M606.56 305.8a14.58 14.58 0 0 0-20.17 4.26c-16.15 24.81-44.21 39.62-75.05 39.62s-58.91-14.81-75.06-39.63A14.58 14.58 0 0 0 411.84 326c21.55 33.11 58.74 52.88 99.49 52.88s77.94-19.76 99.49-52.87a14.58 14.58 0 0 0-4.26-20.21zM229.38 612.86c-36.82 40.88-65.73 88.52-85.95 141.58a484.68 484.68 0 0 0-31.38 159.2H910.6a484.68 484.68 0 0 0-31.38-159.2C859 701.38 830.1 653.75 793.28 612.86s-79.44-72.77-127-95.09a362.95 362.95 0 0 0-309.94 0c-47.52 22.33-90.24 54.32-126.96 95.09z"
                              fill="#3399CC" p-id="15427"></path>
                        <path d="M511.33 468.45c-228.68 0-414.05 205.85-414.05 459.77h828.11c0-253.93-185.39-459.77-414.06-459.77z m0 14.58a362 362 0 0 1 155 34.75c47.54 22.33 90.26 54.32 127 95.09s65.67 88.51 85.9 141.57a484.68 484.68 0 0 1 31.38 159.2H112.06a484.68 484.68 0 0 1 31.38-159.2c20.21-53.06 49.13-100.7 85.95-141.58s79.44-72.77 127-95.09A362 362 0 0 1 511.33 483z"
                              fill="" p-id="15428"></path>
                    </svg>
                </h2>
            </div>
            <div class="product-device shadow-sm d-none d-md-block"></div>
            <div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
        </div>
        <div class="album py-5 bg-light">
            <div class="container">
                <div class="row g-5">
                    <div>
                        <h2 class="mb-3">请输入您的个人信息</h2>
                        <form class="needs-validation" method="post" action="/results_name" novalidate>
                            <div class="row g-3">
                                <div class="col-12">
                                    <label class="form-label">账号</label>
                                    <input type="text" class="form-control" name="zhanghao" value="2010130037">
                                    <div class="invalid-feedback">
                                        Valid first name is required.
                                    </div>
                                </div>

                                <div class="col-12">
                                    <label class="form-label">密码</label>
                                    <input type="password" class="form-control" name="mima" value="666666">
                                    <div class="invalid-feedback">
                                        Valid last name is required.
                                    </div>
                                </div>
                                <div class="col-12">
                                    <label for="username" class="form-label">用户名</label>
                                    <div class="input-group has-validation">
                                        <span class="input-group-text">@</span>
                                        <input type="text" class="form-control" id="username" placeholder="Username"
                                               value="后天就去扫大街" required>
                                        <div class="invalid-feedback">
                                            Your username is required.
                                        </div>
                                    </div>
                                </div>

                                <div class="col-12">
                                    <label for="email" class="form-label">邮箱<span
                                            class="text-muted">(Optional)</span></label>
                                    <input type="email" class="form-control" id="email" placeholder="you@example.com"
                                            value="1804220451@qq.com">
                                    <div class="invalid-feedback">
                                        Please enter a valid email address for shipping updates.
                                    </div>
                                </div>

                                <div class="col-12">
                                    <label for="address" class="form-label">地址</label>
                                    <input type="text" class="form-control" id="address" placeholder="1234 Main St"
                                           value="-" required>
                                    <div class="invalid-feedback">
                                        Please enter your shipping address.
                                    </div>
                                </div>

                                <div class="col-md-5">
                                    <label for="country" class="form-label">国家</label>
                                    <select class="form-select" id="country" required>
                                        <option value="">选择...</option>
                                        <option>中国</option>
                                    </select>
                                    <div class="invalid-feedback">
                                        Please select a valid country.
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <label for="state" class="form-label">地区</label>
                                    <select class="form-select" id="state" required>
                                        <option value="">选择...</option>
                                        <option>广东</option>
                                    </select>
                                    <div class="invalid-feedback">
                                        Please provide a valid state.
                                    </div>
                                </div>
                            </div>

                            <hr class="my-4">

                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="same-address">
                                <label class="form-check-label" for="same-address">送货地址与我的帐单地址相同</label>
                            </div>

                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="save-info">
                                <label class="form-check-label" for="save-info">保存此信息以备下次使用</label>
                            </div>

                            <hr class="my-4">

                            <h4 class="mb-3">支付方式</h4>

                            <div class="my-3">
                                <div class="form-check">
                                    <input id="credit" name="paymentMethod" type="radio" class="form-check-input"
                                           checked required>
                                    <label class="form-check-label" for="credit">信用卡</label>
                                </div>
                                <div class="form-check">
                                    <input id="debit" name="paymentMethod" type="radio" class="form-check-input"
                                           required>
                                    <label class="form-check-label" for="debit">借记卡</label>
                                </div>
                                <div class="form-check">
                                    <input id="paypal" name="paymentMethod" type="radio" class="form-check-input"
                                           required>
                                    <label class="form-check-label" for="paypal">支付宝</label>
                                </div>
                            </div>

                            <div class="row gy-3">
                                 <div class="col-sm-6">
                                    <label for="firstName" class="form-label">姓氏</label>
                                    <input type="text" class="form-control" name="firstname" placeholder="" value="小马"
                                           required>
                                    <div class="invalid-feedback">
                                        Valid first name is required.
                                    </div>
                                </div>

                                <div class="col-sm-6">
                                    <label for="lastName" class="form-label">名字</label>
                                    <input type="text" class="form-control" name="lastname" placeholder="" value="宝莉"
                                           required>
                                    <div class="invalid-feedback">
                                        Valid last name is required.
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <label for="cc-number" class="form-label">信用卡或电话号码</label>
                                    <input type="text" class="form-control" id="cc-number" placeholder=""
                                           value="88888888" required>
                                    <div class="invalid-feedback">
                                        Credit card number is required
                                    </div>
                                </div>
                            </div>

                            <hr class="my-4">
                            {#          <p class="w-100 btn btn-primary btn-lg"><input type="submit" value="提交"></p>#}
                            <button class="w-100 btn btn-primary btn-lg" type="submit">OK</button>
                        </form>
                    </div>
                </div>
    </main>

    <footer class="my-5 pt-5 text-muted text-center text-small">
        <p class="mb-1">&copy; 2017–2021 Company Name</p>
        <ul class="list-inline">
            <li class="list-inline-item"><a href="#">Privacy</a></li>
            <li class="list-inline-item"><a href="#">Terms</a></li>
            <li class="list-inline-item"><a href="#">Support</a></li>
        </ul>
    </footer>
</div>

</body>
</html>